<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入重置样式表 reset.css -->
    <link rel="stylesheet" href="css/reset.css">
    <!-- 引入首页样式表 index.css -->
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <!-- 头部欢迎 -->
    <div id="headWelcome">
        <div class="container clearfix">
            <p class="fl">您好，欢迎访问某某安防监控器材服务有限公司官方网站！</p>
            <div class="fr">
                <img src="images/tb_01.png" alt="">
                <a href="#">设为首页</a>
                <span>☆</span>
                <a href="#">加入收藏</a>
            </div>
        </div>
    </div>
    <!-- 头部logo -->
    <div id="headLogo" class="container clearfix">
        <a href="#" class="fl"><img src="images/logo.png" alt=""></a>
        <div class="fl">
            <a href="#">某某安防监控服务有限公司</a>
            <p>XXX SECURITY MONITORING SERVICE CO., LTD</p>
        </div>
        <div class="fl"><input type="text" placeholder="请输入关键字"><button type="submit">搜索</button></div>
        <div class="fr">
            <img src="images/tel.png" alt="">
            <span>24小时服务热线</span><br><a href="#">400-0000-0000</a>
        </div>
    </div>

    <!-- 导航 -->
    <div id="nav">
        <div class="container">
            <ul class="clearfix">
                <li><a href="#">网站首页</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">产品中心</a></li>
                <li><a href="#">新闻动态</a></li>
                <li><a href="#">招商加盟</a></li>
                <li><a href="#">在线留言</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
        </div>
    </div>
    <!-- 轮播 -->
    <div id="banner">
        <a href="#">
            <img src="images/banner_01.jpg" alt="">
            <div>
                <h1>捕捉每一个瞬间</h1>
                <div>
                    <p>CAPTURE EVERY MOMENT</p>
                    <p>智能 - 防爆 - 高清 - LED - 防水 - 耐用 - 坚固</p>
                    <p>SMART - EXPLOSION-PROOF - HD - LED - WATERPROOF - DURABLE - STRONG</p>
                </div>
            </div>
        </a>
        <div>
            <div></div>
            <div></div>
        </div>
    </div>
    <!-- 关于我们 -->
    <div id="aboutUs" class="container">
        <!-- 标题 -->
        <div class="title">
            <h1>--　<span>关于我们</span>　--</h1>
            <p>ABOUT US</p>
            <p>公司以“专注安防，用心服务”为核心价值，一切以用户需求为中心</p>
        </div>
        <!-- 内容 -->
        <div class="content clearfix">
            <div class="left fl">
                <a href="#"><img src="images/about_tu.jpg" alt=""></a>
            </div>
            <div class="right fl">
                <p>上海监控设备是一家民营高新技术企业，专业从事监控、闭路监控、数字监控、远程监控、网络监控无线监控、监控器材、监控设备、监控系统、防盗报警、门禁考勤、小区楼宇智能化系统、网络综合布线工程等项目，集产品经营、研究开发、工程技术（设计、安装、调试）与售后服务于一体的高新科。
                </p>
                <p>上海监控设备是一家民营高新技术企业，专业从事监控、闭路监控、数字监控、远程监控、网络监控无验。公司产品已广泛应用于工商企业、酒店、金融、电力、政府机关、交通系统、劳动就业和社区服务等各个得到了业内人士的一致认可和好评，取得了良好的社会效益。除此之外，我公司还拥有各类网络系无验。公司产品已广泛应用于工商企业、酒店、金融、电力、政府机关、交通系统、劳动就业和社区服务等各个得到了业内人士的一致认可和好评，取得了良好的社会效益。除此之外，我公司还拥有各类网络统集成方面的丰富经验，可为客户提供各种一体化解决方案....<a
                        href="#">查看详情>></a>
                </p>
            </div>
        </div>
    </div>
    <!-- 我们的服务 -->
    <div id="ourService" class="container">
        <!-- 标题 -->
        <div class="title">
            <h1>--　<span>我们的服务</span>　--</h1>
            <p>OUR SERVICE</p>
            <p>公司以“专注安防，用心服务”为核心价值，一切以用户需求为中心</p>
        </div>
        <!-- 内容 -->
        <div class="content clearfix">
            <div>
                <a href="#"><img src="images/tu_01.jpg" alt=""></a>
                <p>监控系统</p>
                <div>
                    <p>--监控系统--</p>
                </div>
            </div>
            <div>
                <a href="#"><img src="images/tu_02.jpg" alt=""></a>
                <p>报警系统</p>
                <div>
                    <p>--报警系统--</p>
                </div>
            </div>
            <div>
                <a href="#"><img src="images/tu_03.jpg" alt=""></a>
                <p>门禁系统</p>
                <div>
                    <p>--门禁系统--</p>
                </div>
            </div>
            <div>
                <a href="#"><img src="images/tu_04.jpg" alt=""></a>
                <p>集团系统</p>
                <div>
                    <p>--集团系统--</p>
                </div>
            </div>
            <div>
                <a href="#"><img src="images/tu_05.jpg" alt=""></a>
                <p>消防系统</p>
                <div>
                    <p>--消防系统--</p>
                </div>
            </div>
            <div>
                <a href="#"><img src="images/tu_06.jpg" alt=""></a>
                <p>智能交通</p>
                <div>
                    <p>--智能交通--</p>
                </div>
            </div>
        </div>
    </div>
    <!-- 最新产品 -->
    <div id="latestProduct" class="container">
        <!-- 标题 -->
        <div class="title">
            <h1>--　<span>最新产品</span>　--</h1>
            <p>THE LATEST PRODUCT</p>
            <p>公司以“专注安防，用心服务”为核心价值，一切以用户需求为中心</p>
        </div>
        <!-- 内容 -->
        <div class="content clearfix">
            <div>
                <a href="#"><img src="images/f1_909w.jpg" alt=""></a>
                <h1>立式标准三辊闸</h1>
                <p>整个产品外形采用不锈钢板冲压成型， 造型美观大方，防锈、耐用......</p>
            </div>
            <div>
                <a href="#"><img src="images/f5_xm1v.jpg" alt=""></a>
                <h1>导静电夹钳</h1>
                <p>防爆静电接地监测系统</p>
            </div>
            <div>
                <a href="#"><img src="images/f2_xcpx.jpg" alt=""></a>
                <h1>通八洲路障机</h1>
                <p>液压路障机属于控制道路车辆通行的设备，可以与道闸控制系统等配......</p>
            </div>
            <div>
                <a href="#"><img src="images/f6_1b6m.jpg" alt=""></a>
                <h1>长线驱动器</h1>
                <p>DYLINK品牌的DVI双绞线传输器（又叫DVI延长器）,使......</p>
            </div>
            <div>
                <a href="#"><img src="images/f7_9lko.jpg" alt=""></a>
                <h1>周立功编程器</h1>
                <p>时序升级。根据客户需求，提供各类新芯片的编程支持。</p>
            </div>
        </div>
    </div>
    <!-- 新闻动态 -->
    <div id="news" class="container">
        <!-- 标题 -->
        <div class="title">
            <h1>--　<span>新闻动态</span>　--</h1>
            <p>NEWS</p>
            <p>公司以“专注安防，用心服务”为核心价值，一切以用户需求为中心</p>
        </div>
        <!-- 内容 -->
        <div class="content clearfix">
            <div class="left fl">
                <div class="clearfix">
                    <a href="#" class="fl">
                        <p>29</p>
                        <p>2014-09</p>
                    </a>
                    <a href="#" class="fl">
                        <p>我公司推出专用看车牌白光摄像机</p>
                        <p>其具体型号和参数见产品分类 XS-81LB系列。</p>
                    </a>
                </div>
                <div class="clearfix">
                    <a href="#" class="fl">
                        <p>29</p>
                        <p>2014-09</p>
                    </a>
                    <a href="#" class="fl">
                        <p>上海监控探头重要路段全覆盖</p>
                        <p>上海警方在路面监控系统建设上投入重金，各级公安机关在辖区重点路段、场所都安装了监控系统，为及时发现和打击路面犯罪提供了有力的技术支撑。</p>
                    </a>
                </div>
                <div class="clearfix">
                    <a href="#" class="fl">
                        <p>29</p>
                        <p>2014-09</p>
                    </a>
                    <a href="#" class="fl">
                        <p>轨交世博车站拟装新安保设施 人脸识别器自......</p>
                        <p>一旦通缉犯经过，人脸识别仪会立即“捕捉”并报警，这种新型安保设施有望安装在世博园区所涉及的轨交车站。据有关方面透露，包括人脸识别、气体检测、......</p>
                    </a>
                </div>
            </div>
            <div class="right fl">
                <div class="clearfix">
                    <p class="fl">--行业新闻--</p>
                    <a href="#" class="fl"><img src="images/news_01.jpg" alt=""></a>
                </div>
                <div class="clearfix">
                    <a href="#" class="fl"><img src="images/news_02.jpg" alt=""></a>
                    <p class="fl">--公司新闻--</p>
                </div>
                <div class="clearfix">
                    <p class="fl">--网络新闻--</p>
                    <a href="#" class="fl"><img src="images/news_03.jpg" alt=""></a>
                </div>
            </div>
        </div>

    </div>
    <!-- 页脚 -->
    <div id="footer">
        <div class="container">
            <div class="top clearfix">
                <div class="left clearfix fl">
                    <ul>
                        <li><a href="#">产品中心</a></li>
                        <li><a href="#">监控系统</a></li>
                        <li><a href="#">报警系统</a></li>
                        <li><a href="#">门禁系统</a></li>
                        <li><a href="#">集团系统</a></li>
                        <li><a href="#">消防系统</a></li>
                        <li><a href="#">智能交通</a></li>
                    </ul>
                    <ul>
                        <li><a href="#">新闻动态</a></li>
                        <li><a href="#">行业新闻</a></li>
                        <li><a href="#">公司新闻</a></li>
                        <li><a href="#">网络轶闻</a></li>
                    </ul>
                    <ul>
                        <li><a href="#">网站首页</a></li>
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#">招商加盟</a></li>
                        <li><a href="#">在线留言</a></li>
                        <li><a href="#">联系我们</a></li>
                    </ul>
                </div>
                <div class="center fl">
                    <div>
                        <h1>某某安防监控设备有限公司（集团总部）</h1>
                        <p>地址：上海某某路2号某某广场1楼 1009-1010室 </p>
                        <p>电话：<span>021-8888XXXX</span> </p>
                        <p>传真：021-8888XXXX </p>
                    </div>
                </div>
                <div class="right fl clearfix">
                    <div class="clearfix">
                        <h1>关注我们</h1>
                        <div class="fl">
                            <img src="images/erweima.jpg" alt="">
                            <p>新浪微博</p>
                        </div>
                        <div class="fl">
                            <img src="images/erweima.jpg" alt="">
                            <p>微信扫一扫</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bottom">
                <p>&copy;某某安防监控设备有限公司 2002--2014 保留一切权利许可证编号：沪ICP备0700XXXX服务热线：400-888-88XX</p>
            </div>
        </div>
    </div>
</body>
</html>